<template>
  <div class="setting">
    <template v-if="tabType == 'data'">
      <div class="card">
        <div class="title">店铺配置</div>
        <div class="content">
			<el-form-item label="店铺名称">
				<dc-text-color
				v-model="settingData.data.shop"
				placeholder="请输入标题"
				maxlength="5"
				show-word-limit
				/>
			</el-form-item>
			<el-form-item label="按钮文案">
				<dc-text-color
				v-model="settingData.data.btn"
				placeholder="请输入文案"
				maxlength="4"
				show-word-limit
				/>
			</el-form-item>
			<el-form-item label="按钮背景色">
				<dc-color-picker v-model="settingData.data.btn.bgColor" />
			</el-form-item>
			<el-form-item label="按钮链接">
              <dc-url v-model="settingData.data.btn.url"></dc-url>
            </el-form-item>
			<dc-goods-select :title="settingData.data.hotData.text" v-model="settingData.data.hotGoodsList" :max="1" :multiple="true" />
			<el-form-item label="按钮文案">
				<dc-text-color
					v-model="settingData.data.hotData"
					placeholder="请输入标题"
					maxlength="5"
					show-word-limit
					/>
			</el-form-item>
			<el-form-item label="链接">
				<dc-url v-model="settingData.data.hotData.url"></dc-url>
			</el-form-item>
			<dc-goods-select :title="settingData.data.newData.text" v-model="settingData.data.newGoodsList" :max="1" :multiple="true" />
			<el-form-item label="按钮文案">
				<dc-text-color
					v-model="settingData.data.newData"
					placeholder="请输入标题"
					maxlength="5"
					show-word-limit
					/>
			</el-form-item>
			<el-form-item label="链接">
				<dc-url v-model="settingData.data.newData.url"></dc-url>
			</el-form-item>
			<dc-goods-select :title="settingData.data.seckillData.text" v-model="settingData.data.seckillGoodsList" :max="1" :multiple="true" />
			<el-form-item label="按钮文案">
				<dc-text-color
					v-model="settingData.data.seckillData"
					placeholder="请输入标题"
					maxlength="5"
					show-word-limit
					/>
			</el-form-item>
			<el-form-item label="链接">
				<dc-url v-model="settingData.data.seckillData.url"></dc-url>
			</el-form-item>
        </div>
      </div>
    </template>
  </div>
</template>

<script setup>
  import dcList from '../../common/dc-list.vue';
  import dcUrl from '../../common/dc-url.vue';
  import dcTextColor from '../../common/dc-text-color.vue';
  import dcColorPicker from '../../common/dc-color-picker.vue';
  import dcGoodsSelect from '../../common/dc-goods-select.vue';

  const props = defineProps(['settingData', 'tabType']);
</script>
